<template>
    <div class="base-a">
      我是C组件（接收方）
      <p>{{ msg }}</p>
    </div>
  </template>
    
    <script>
  import Bus from "../utils/EventBus";
  export default {
    data() {
      return {
        msg: "我是C组件",
      };
    },
    created() {
      // 2.在A组件（接收方），进行监听 Bus 的事件（订阅消息）
      Bus.$on('sendMsg',(msg)=>{
        // console.log(msg)
        this.msg = msg
      })
    }
  };
  </script>
    
    <style scoped>
  .base-a {
    width: 200px;
    height: 200px;
    border: 3px solid #000;
    border-radius: 3px;
    margin: 10px;
  }
  </style>